<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
	    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
	    <link rel="stylesheet" href="../../css/aui.css">
	    <link rel="stylesheet" href="../../css/share.css">
		<link rel="stylesheet" href="../../css/pulice.css">
		<style>
			.fxMore{width: 16px;height: 16px;}
		</style>
		<script src="../../js/api.js"></script>
		<script src="../../js/libs/zepto.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	    <script src="../../js/vue.min.js"></script>
	    <script src="../../js/vue-resource.min.js"></script>
	    <script src="../../js/aui-toast.js"></script>
	    <script src="../../js/common.js" type="text/javascript" charset="utf-8"></script>
		<script>
			setToken();
            $(function () {
            	
            	var app = new Vue({
	                el: '#box',
	                data: {
	                    HuaBao : {},
	                },
	                mounted:function(){
	                	this.$nextTick(function(){
	                		this.myHuaBao();
	                	})
	                },
	                methods:{
	                	myHuaBao : function(){
	                		this.$http.get(SURL+"app/users/personalData").then(function(res){
		                   			console.log(res.body.data.user)
		                   			this.HuaBao = res.body.data.user;
		                		}).catch(function(req){
	                			
	                		});
	                	},
	                	
	                }
	            });
	            
	            
                $('.hm-bar').load('../../data/headerOther.html',function (data) {
                    $(this).find('.head-main').text('我的分享');
                    $(this).find('.hm-bar-box').css('position','static');
                    $(this).find('.head-right').html('<img class="fxMore" src="../../img/fxIcon.png">');
                    $(this).find('.head-left').on('tap',function () {
                        window.history.back();
                    });
                });
            })
		</script>
	    <title>我的分享</title>
	</head>
	<body>
		<div class="hm-bar"></div>
		<div id="box">
			<!--身体-->
			<div class="WD-shenti">
				<div class="WD-nav">
					<div class="WD-info flex">
						<div class="lmLogo flex">
							<img src="../../img/fxr.png" />
							<p>我的分享人</p>
						</div>
						<div class="goIcon">
							<img src="../../img/goIcon.png" />
						</div>
					</div>
					<div class="WD-info flex nobor"  @click="location.href='../normalUser/share-record.html'">
						<div class="lmLogo flex">
							<img src="../../img/fxjl.png" />
							<p>我的分享记录</p>
						</div>
						<div class="goIcon">
							<img src="../../img/goIcon.png" />
						</div>
					</div>
				</div>
				<a href="SharingRules.html" class="sqgz">
			    	<span>分享规则</span>
			    </a>
				<div class="code-img-pay">
		           <div><img :src="orImg(HuaBao.qrCode)" alt=""></div>
		           <h3>分享二维码给好友</h3>
		       </div>
			</div>
			<div class="fenxiang">
				<div class="fxd">
					分享到
				</div>
				<div class="tx flex between">
					<div>
						<img src="../../img/WX.png" />
						<p>微信好友</p>
					</div>
					<div>
						<img src="../../img/PYQ.png" />
						<p>朋友圈</p>
					</div>
					<div>
						<img src="../../img/QQ.png" />
						<p>QQ好友</p>
					</div>
					<div>
						<img src="../../img/XL.png" />
						<p>微博</p>
					</div>
				</div>
			</div>
		</div>	
	</body>
	<!--TODO:二维码有问题-->
	<!--TODO:我的分享人好像也没有-->
</html>
